@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){
.hz{width:90%;}
.hza{ width: 90%;}
.top-hz{width:90%;}
.quality{width:90%;}
}

@media (max-width:1680px){

.logo-wb { font-size: 26px;}
.mainbav li {padding: 0px 30px;}

.index-product-left-wb{-webkit-line-clamp: 2; margin: 35px 0;}
.index-product-left-bt-hz{padding:30px;}

.foot-contact { width:52%;}
.index-product-left-m-wb { margin-top: 80px;}
.ft_right .ftdlitem{width: 160px;}
}

@media (max-width:1440px){
body{padding-top:100px;}
.index-yyl{ margin-left: 35px;}
.hz{width:96%;}
.hza{ width: 96%; }
.top-hz{width:96%;}
.quality{width:96%;}

.mainbav li { padding: 0px 30px;}


}
@media (max-width:1366px){
.logo-hz{margin: 10px 0;}
.logo img{height: 40px;}
.mainbav .memu {line-height: 60px;height: 60px;}
.logo-wb { font-size: 24px;}
.mainbav ul li ul{top:60px}

.pro-t-hz{width:25%;}
.pro_gg { width: 75%;}
.pro_gg dt{margin-top:50px;}

.foot-contact {width: 48%;}
.foot-menu { margin-right: 4%;}	
.ft_right .ftdlitem{width: 120px;}
.quality_cont dl{width: 410px;}
.quality_cont dd{width: 310px; font-size: 15px; height: 125px;}
.quality_tu img{width: 80%;}




}

@media (max-width:1280px){
	

}
@media (max-width:1200px){
img{max-width:100%;}

.top-pc { display:none;}

.logo-hz{margin:12px 0;}
body{padding-top:64px;}


.banner{display:none;}
.banner-sj { display:block; }

.top_sj .tp_wrap { width:98%;margin: 0 auto;}

.index-yyl{float:right;}

.top_sj{
	position: fixed;
	z-index: 99999;
	top: 0px;
	left: 0; right:0%;display:block; 
background:#fff;
	transition:all 0.4s;}

.top_sj.open{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}
.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}

.dh{position:absolute; left:0px;top:100%; z-index:1111;width:100%; display:none; background:#fff;overflow:hidden;-webkit-transition:1s;transition:1s;}
.dhov{ height:calc(100vh - 80px);display:block;overflow-y:auto;padding-top:20px;}
.dh>ul { text-align:left;width:80%;margin:0 auto;}
.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
.dh>ul>li>a{display:block;line-height:55px;font-weight:bold;color:#000;font-size:16px; }
.dh>ul>li>a:hover{}
.dh>ul>li .droparea{display:none;margin-bottom: 15px;}

.dh ul li span{position:absolute; height:55px;width:51px; top:0px;right:-2%; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.dh ul li .inactive:before,.dh ul li .inactive:after{ transform: rotate(45deg);transition: all .3s ease;content: "";position: absolute;right:0;top: 50%; left:50%; margin-left:-5px;  height: 2px; width: 10px; border-radius: 3px;background-color:#303030; margin-top: -3px; transition:0.5s;}
.dh ul li .inactive:after {transform: rotate(-45deg);margin-top:3px;transition:0.5s;}
.dh ul li .inactives:before,.dh ul li .inactives:after{   transform: rotate(135deg);transition: all .3s ease;content: "";position: absolute;top: 50%;  height: 2px; width:20px; border-radius: 3px;background-color: #757575; margin-top:0px;}
.dh ul li .inactives:after {transform: rotate(45deg);margin-top:0px;}
.dh>ul>li .droparea img { display:none;}
.dh ul li.act > a {  color:#333;}
.dh ul li .droparea .act > a { color:#333;}
.dh ul li .droparea li{ line-height:30px;  position:relative; }
.dh ul li .droparea li .droparea li{position:relative; }
.dh ul li .droparea li a { text-indent:20px; display:block;font-size:14px;color:#666;}
	
.dh ul li .droparea ul li ul li a{padding-left:20px;font-weight:normal !important;color:#999;font-size:14px;line-height:32px; }

.dh ul li .droparea ul li ul li a:hover{color:#2e76e5;}
.dh ul li .droparea > ul > li > ul { display: none;  margin:0 0 15px 0;}

.sj-serach{padding:15px 0;}
.sok{border:none;background:none;font-size:15px;width:88%;}
.sj-menu-yy {margin:20px 0;overflow:hidden;border-bottom:none !important;}
.sj-menu-yy a{float:left; font-weight:normal !important;font-size:14px !important;margin-right:10px;}


.sear_t { position:absolute; width:100% !important; top:90px; left:0px; background-color: #fafafa;
					background: linear-gradient(to bottom,#f5f5f5 10%,#ededed 50%,#f5f5f5 90%); z-index:99; display:none; }
.search_bar1 { max-width:630px; border-bottom:1px solid #dcdcdc; margin:20px auto 10px; padding-left:50px; padding-right:50px; position:relative; width:80%;}
.search_form .sf_input1 {padding:10px; display:block; font-size:18px; border:none; color:#212721;width:100%;line-height:36px;   height:46px; text-indent:10px;background-color: transparent;-webkit-appearance:none; } 
.search_form .sf_input1:hover { outline:0;} 
.search_form .sf_btn1 {background:url("../images/search_btn.png") no-repeat center;  width:46px; height:46px;   float: right; border: none; cursor: pointer; position:absolute; left:0px;}
.search_form .search_close { position:absolute; right:5px; top:0px; width:20px; height:46px; background:url(../images/ssbtn_close.png) center no-repeat; }
.search_form .sf_input::-webkit-input-placeholder { color:#505050; }

/* 火狐浏览器 */
.search_form .sf_input::-moz-placeholder { color:#505050; }
.search_tbn { background:url(../images/ss_tbn.jpg) no-repeat center; width:20px; height:20px; float:left; padding:0 5px;margin:0 10px; cursor:pointer;}

.ft_left{width: 100%;}
.ft_right{width: 100%; margin-top: 3%;}
.ft_right .ftdlitem{width:auto;}
.quality_tu{position: static; margin: auto; transform:translate(0) ;}


.intitle .ibt{font-size:30px;}

.infou-ul li {width: 50%;}

.sy-product-hz2{width:48%;}

.index-lc-wb li{font-size:22px;}

.pro-pic-title{font-size: 26px;}
.pro-pic-dh{font-size: 20px;}


.index-new-left{width:100%;}
.index-new-right{width:100%;float:left;margin-top:50px;}
.index-new-left-title {font-size:26px;}
.index-new-right-cjwt-nr{ -webkit-line-clamp:2;}




.foot-contact { width: 43%;}
.foot-contact-ewm-hz{float:left;margin-top:30px;}

/***--内页代码***/
.ny-banner{display:block;}
.ny-banner-sj{display:block;}
.ny-banner-sj img{width:100%;height:auto;}


.ny-title {font-size: 30px;}
.ny-about_left span {
font-size: 26px;}
.news-pic {width:35%; }
.news-wz-hz { width:60%;}

.contact-title {font-size: 28px;}

.about-qyzl-a-title { font-size: 20px;}

.AbHisList .bd .item h4{font-size:28px;}  
.AbHisBg h2 { font-size: 30px;}


.ny-zcnl-left {margin-top:50px;font-size:16px;}

.ptt-title{font-size:24px;}	
.product-top .l { width:45%;}
.pro-right { width: 50%;  }

.ny-service-left{font-size:15px;}
}
@media (max-width:1024px){	

.contact-left {width: 100%;}

.feedback-k { width: 48%;margin-right:1%;margin-left:1%;}

.intitle .ibt{font-size:30px;}
.inabout-company .desc{font-size:17px;}
.subchannellist .depth1{font-size:16px;}
.aboutIntrobox_right .text .bt{font-size:26px;}
.aboutIntrobox_right .text .cwz{font-size:17px;}
.index-title{font-size:26px;}
}

@media (min-width:1024px){
.feedback-k:nth-child(2n){margin-right:0;}

}


@media (max-width:960px){
	body{padding-top:84px;}
#home_slider{display:none;}
#home_slider2{display:block;}
.quality_contl{width: 100%;}
.quality_cont2{width: 100%;}
.quality_cont dl{width: 100%; margin-bottom: 30px;}
.quality_cont dd{width:80%; height: 100px;}



.index-title {font-size:32px;}
.inabout-company .pic{width:100%;}
.inabout-company .atext{width:100%;}
.inabout-company .title{font-size:22px;}
.inabout-company .desc{font-size:16px; line-height:25px; height:auto;}
.index-title{font-size:22px;}


.index-two li{width:33.333%;}
.int-list .pbt{font-size:20px;}
.in2-hover-cont span{font-size:15px;}

.quality_cont dd span{font-size:22px;}
.quality_cont dd{font-size:15px;}
.dwup .hzhbs ul li{width:24%;}
.subchannellist .depth1{font-size:15px;}

.aboutIntrobox_right .text .bt{font-size:24px;}
.aboutIntrobox_right .text .cwz{font-size:16px; line-height:25px;}
.ny-ry .item .cpzs_wb .cpzs_wb_t{font-size:17px;}

.aboutIntrobox_left{width:100%;}
.aboutIntrobox_right{width:100%;}
.inprony li{width:31.333%;}
.promore_l{width:100%;}
.pros_right{width:100%; margin-top:3%;}
.pros_right_top .pbt{font-size:24px;}
.proleft{font-size:15px; line-height:25px;}
.pbtn a{font-size:16px;}
.Ulimg2 li{width:31.333%;}
.yylist li{width:31.333%;}

.col_infos{width:100%;}
.cont_ico ul li{margin-bottom:3%;}
.col_feb{width:100%;}

.col_infos .cotit{font-size:26px;}
.co_onr .febt{font-size:26px;}


.index-about-left{width:100%;}
.index-about-left-nr-hz{padding-left:0;}
.index-about-left-title{font-size: 32px; padding-left: 30px;}
.index-about-left-title p {font-size: 22px;margin-top:0;}
.index-about-left-title:after{height: 75px;}
.index-about-bg{width: 100%;margin-top:30px;}

.infou-ul li h3 span:nth-child(1){font-size: 40px;}
.infou-ul li {width: 25%;}

.index-product-bj{padding:50px 0;}
.pro_gg dd h3 a{font-size:24px;}
.pro-t-hz{width:100%;}
.pro_gg { width: 100%;}
.pro_gg dd p { margin: 30px 0;}
.pro-t-title{font-size:26px;}
.pro-t-title P {font-size: 18px;}

.pro-pic-dh{width:285px;margin:0 auto; padding: 1%;}
.pro-pic-title { font-size: 30px;}
.pro-pic-dh {font-size: 22px;}

.index-lc-left{width:100%;}
.index-lc-pic-hz{width:100%;margin-top:20px;}
.index-lc-left iframe{width:100%;height:400px;}

.isect2 .tabs{flex-wrap:wrap;}
.isect2 .tabs li{    width: 50%; height:50%; border-top:1px solid rgba(255,255,255,0.2); border-left:1px solid rgba(255,255,255,0.2);}

.isect2 .tabs li a .cont{bottom:50%;transform:translate(0%,50%); }
.isect2 .tabs li:hover a .cont{bottom:50%; }
.isect2 .tabs li:hover a .cont p{ height:0;}
.isect2 .tabs li a .cont .line{display:none;}
.isect2 .tabs li a .cont p{overflow:hidden;}

.fz20 {font-size: 20px;}
.isect2 .tabs li a .cont .icon{width:50%;  max-width:110px;}



.foot-contact {width: 100%;}
.foot-box{display:none;}




}

@media (max-width:768px){
.logo img{height:60px;}
.quality_cont dd span{font-size:20px;}
.quality_cont dd{font-size:14px; line-height:24px;}
.dwup .hzhbs ul li{width:32.333%;}
.footer_bottom{height:auto; line-height:25px;}
.footer_top .ft_left .c_info li p a{font-size:15px;}
.cp-nav .con-nav .fl a{font-size:15px;}
.subchannellist .depth1{font-size:14px;}
.aboutIntrobox_right .text .bt{font-size:22px;}
.aboutIntrobox_right .text .cwz{font-size:15px;}
.ny-ry .item .cpzs_wb .cpzs_wb_t{font-size:15px;}
.inprony li{width:48%;}
.tabs-basic ul li{font-size:15px;}
.PreveNext li{font-size:15px;}
.fanhui a{font-size:15px;}
.Ulimg2 li{width:48%;}
.yylist li{width:48%;}
.col_infos .cotit{font-size:24px;}
.co_onr .febt{font-size:24px;}
.cont_ico ul li{font-size:15px; padding-left:10%;}
.co_onr ul li{width:100%;}
.co_onr ul li.mal{margin-left:0%;}


.flex-direction-nav {display:none;}	
.tools { display:none;}
.sear_t { display:block;}
.sear_t {  width:100% !important;display:block !important;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position:static; }
.search_bar1 {   max-width:none; margin:0px auto;  position:relative; width:100%; box-sizing:border-box;}
.search_form .sf_input1 {   font-size:16px; text-align:center; text-indent:0px; }  
.search_form .sf_input1:focus { text-align:left;}
.search_form .sf_btn1 { background-size:40%; float: right; border: none; cursor: pointer; position:absolute; right:auto; left:0px; top: 0px;}
.search_form .search_close { display:none; }


.infou-ul-box{padding-bottom:0;}

.pro_gg dt{width:100%;margin-top:0;}
.pro_gg dd {width: 100%; margin-right: 0;}

.foot-contact-lxfs{width:100%;}
.foot-contact-ewm-hz{margin-top:30px;}

.inabout-company .title{font-size:20px;}
.inabout-company .desc{font-size:14px; line-height:22px;}
.inabout-company .btns span b{font-size:16px;}

.intitle .ibt{font-size:26px;}
.indesc{font-size:15px;}

.index-two li{width:50%;}
.int-list .pbt{font-size:18px;}
.in2-hover-cont span{font-size:14px;}


}

@media (max-width:580px){
.logo-wb {margin-top:13px;}
.logo-wb p{display:none;}

.intitle .ibt{font-size:22px;}
.indesc{font-size:14px;}
.int-list .pbt{font-size:16px;}
.ft_right{display:none;}
.footer_top .ft_left .c_info li p a{font-size:14px;}
.footer_bottom p{font-size:14px;}
.cp-nav .con-nav .fl a{font-size:14px;}
.subchannellist .depth1{font-size:15px;}
.ny-ry .item .cpzs_wb .cpzs_wb_t{font-size:14px;}
.inprony li .title{font-size:14px;}
.Ulimg2 li span{font-size:14px;}

.col_infos .cotit{font-size:22px;}
.co_onr .febt{font-size:22px;}

.infou-ul li {width:50%;}
.infou-ul {
margin-top: 30px;
margin-bottom: 0px;
box-shadow: none;
position:unset;}
.infou-ul li p{font-size:16px;  margin-top:0;}
.infou-ul li h3 span:nth-child(1) { font-size:35px;}




.index-pro-hz {padding: 40px 10px 20px 10px;}

.index-lc-left iframe {  height: 300px;} 
.index-lc-wb li{width:48%; font-size: 18px;}

.index-new-left-pic {width: 100%;}
.index-new-left-content {width:100%;padding:30px 15px;}
.index-new-left-nr{width: 100%; margin-right:0;margin-bottom:30px;}

.index-new-right{margin-top:20px;}



.foot-dh{float:left;margin-top:30px;width:100%;}

.sokb {font-size: 15px;}
.tj {width: 160px;line-height:45px; font-size: 16px;}
.contact-title { font-size: 24px;}

.contact-title p {font-size: 18px;}

.ny-title {font-size: 22px;}
.ny-about_left span {font-size:20px; margin-bottom: 25px;}
.ny-about-menu li{margin-bottom:10px;margin-right:8%;}


.product-ry .item .cpzs_wb .cpzs_wb_t {font-size:16px;}

.news-ti {font-size: 20px;}

.ny-feedback-hz{padding:30px 20px;}

.ny-menu li { margin-right: 5%;}
.ny-menu li a { font-size: 16px;}

.ny-newsshow-right-title {
font-size: 26px;}
.about-content {
margin: 40px 0;}


.news-pic {width:100%; }
.news-wz-hz { width:100%;margin-top:30px;}
.news-centent-title{font-size:16px;}

.ny-product-title {font-size:20px;}
.ny-product-left-pic{width:98%;}

.tab-hz {padding: 30px 20px;}
.tabs .horizontal li{font-size: 16px; padding: 12px 8%;}
.info-page a { font-size: 15px;}


}
@media (max-width:480px){
.logo-wb { font-size: 20px;}
.logo img { height: 50px;}

.pro-pic-dh{width:100%;padding: 2%;}
.pro-pic-title { font-size:28px;}

}

@media (max-width:320px){	
.logo-wb{display:none;}	

}